<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <title>htmlcssjs</title>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 text-left">
                <h5>CSS</h5>
                <ol>
                    <li><a href="./css-demo/左右布局-flex.html">左右布局-flex</a></li>
                    <li><a href="./css-demo/左右布局-grid.html">左右布局-grid</a></li>
                    <li><a href="./css-demo/左右布局-position.html">左右布局-position</a></li>
                    <li><a href="./css-demo/左右布局-float.html">左右布局-float</a></li>
                    <li><a href="./css-demo/三列布局-flex.html">三列布局-flex</a></li>
                    <li><a href="./css-demo/三列布局-grid.html">三列布局-grid</a></li>
                    <li><a href="./css-demo/三列布局-position.html">三列布局-position</a></li>
                    <li><a href="./css-demo/三列布局-float.html">三列布局-float</a></li>
                    <li><a href="./css-demo/左右布局-float.html">左右布局-float</a></li>
                    <li><a href="./css-demo/四列布局-flex.html">四列布局-flex</a></li>
                    <li><a href="./css-demo/四列布局-grid.html">四列布局-grid</a></li>
                    <li><a href="./css-demo/四列布局-float.html">四列布局-float</a></li>
                    <li><a href="./css-demo/多行垂直居中-table1.html">多行垂直居中-table1</a></li>
                    <li><a href="./css-demo/多行垂直居中-table2.html">多行垂直居中-table2</a></li>
                    <li><a href="./css-demo/父元素高度不确定的文本、图片、块级元素的竖直居中.html">父元素高度不确定的文本、图片、块级元素的竖直居中</a></li>
                    <li><a href="./css-demo/不确定宽度的块级元素水平居中1.html">不确定宽度的块级元素水平居中1</a></li>
                    <li><a href="./css-demo/不确定宽度的块级元素水平居中2.html">不确定宽度的块级元素水平居中2</a></li>
                    <li><a href="./css-demo/不确定宽度的块级元素水平居中3.html">不确定宽度的块级元素水平居中3</a></li>
                </ol>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-6 text-left">
                <h5>JS</h5>
                <ol>
                    <li><a href="./js-demo/找出重复字符.html">找出重复字符</a></li>
                    <li><a href="./js-demo/使用命名空间解决冲突.html">使用命名空间解决冲突</a></li>
                </ol>
            </div>
        </div>
    </div>
</body>
</html>